{"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc2bbd095c962c18c6143edeb1655914f9acfbf4","tarball":"https://registry.npmjs.org/@material/switch/-/switch-0.35.0.tgz","fileCount":8,"integrity":"sha512-TQvkljSyAW1Mz0JCUlMosMv3ArSSXEufVhv0WW6/B2e1XyTtlD4SIeD1wZXxqC0UlryfEmNueuoR45h5+VeXcg==","signatures":[{"sig":"MEUCIQCrYoJEtxtrqjuL9h5CrHmfRmLXbooRmEsJy763lH2geAIgWd+VU8jg9XvdnGaWA7QM+46gXHnT9Vw47tk2+hGo2Io=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa3mDzCRA9TVsSAnZWagAArp4P/0hGxwxkYKrWa26s1JbD\n1CICgTG+LdK9XyT0Alj7uxo9jE1yZDEFDqqB8U8pqtN6kW7bFYuaepS9WjbM\nqyBs78NnR0aH+qMn2dZuVfH9afTtbGegjHyfwEsfTMwF7+1Y6L+OT3AAFQ8M\nXS0RNy4P54B1Iuq357cXJ6JFLdAAJIq5qhARP2rfmJUc32lVzaiCdE++FQ2E\nBtQKMDpZgLu/roFUdYzPvpGutsnU5Ip44+ezZZ0SfW5Y4B8pA/Zbv7TRCEYq\n6XTnwgjXmxh2Za9uv7kCMiIJXXjdy6n6hB5LPn6hhVu8k41Zp0rfXAm0wy/Z\nA/DmL8ne/4izZeOOiSi1NKqIJnoozuPNArc4dGMAScTrdhmv5L2v2ZuPrTZV\nDpJhsE1x4H1ix6ce8kQBDMyPvlv3niyLrcPeWlr/odXpWbCsDXImuzzQAgAG\nOxxOv3wRGeVpLKyc5lMBYoD5ByBMF7jqkxquRObcNiMx9/1X1TgWzYttTEFj\nOrgQ4YyvkxDQGzgG06hdAGn9ruL9CJXqS3Ns2LCQH1YEPz1CDGm+RTVpS5UG\nhjMa742vpL9UGbJFpW9MVMWasNOzdQMkh6KUoY7B9iuLfrYQboQKUVkoF02n\nVe9hZ3ZUdLVrQpFkZPdkFXlQtTfRhbyiTf8LHxkVNtndduvkcXTMUhta/p6T\nEK69\r\n=WJH6\r\n-----END PGP SIGNATURE-----\r\n"},"name":"@material/switch","readme":"<!--docs:\ntitle: \"Switches\"\nlayout: detail\nsection: components\niconId: switch\npath: /catalog/input-controls/switches/\n-->\n\n# Switches\n\n<!--<div class=\"article__asset\">\n  <a class=\"article__asset-link\"\n     href=\"https://material-components-web.appspot.com/switch.html\">\n    <img src=\"{{ site.rootpath }}/images/mdc_web_screenshots/switches.png\" width=\"37\" alt=\"Switches screenshot\">\n  </a>\n</div>-->\n\nThe MDC Switch component is a spec-aligned switch component adhering to the\n[Material Design Switch requirements](https://material.io/guidelines/components/selection-controls.html#selection-controls-switch).\nIt works without JavaScript.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/guidelines/components/selection-controls.html#selection-controls-switch\">Material Design guidelines: Switches</a>\n  </li>\n  <li class=\"icon-list-item icon-list-item--link\">\n    <a href=\"https://material-components-web.appspot.com/switch.html\">Demo</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/switch\n```\n\n## Usage\n\n### HTML Structure\n\n```html\n<div class=\"mdc-switch\">\n  <input type=\"checkbox\" id=\"basic-switch\" class=\"mdc-switch__native-control\" role=\"switch\">\n  <div class=\"mdc-switch__background\">\n    <div class=\"mdc-switch__knob\"></div>\n  </div>\n</div>\n<label for=\"basic-switch\">off/on</label>\n```\n\n#### Disabled Switch\n\nUsers can add `disabled` directly to the input element or set the fieldset containing the switch to `disabled` to disable a switch. Disabled switches cannot be interacted with and have no visual interaction effect.\n\n```html\n<div class=\"mdc-switch\">\n  <input type=\"checkbox\" id=\"another-basic-switch\" class=\"mdc-switch__native-control\" role=\"switch\" disabled>\n  <div class=\"mdc-switch__background\">\n    <div class=\"mdc-switch__knob\"></div>\n  </div>\n</div>\n<label for=\"another-basic-switch\">off/on</label>\n```\n\n### CSS Classes\n\nCSS Class | Description\n--- | ---\n`mdc-switch` | Mandatory, for the parent element\n`mdc-switch__native-control` | Mandatory, for the input checkbox\n`mdc-switch__background` | Mandatory, for the background element\n`mdc-switch__knob` | Mandatory, for the knob element\n\n### Sass Mixins\n\nThe following mixins apply only to _enabled_ switches in the _on_ (checked) state.\nIt is not currently possible to customize the color of a _disabled_ or _off_ (unchecked) switch.\n\nMixin | Description\n--- | ---\n`mdc-switch-track-color($color)` | Sets the track color\n`mdc-switch-knob-color($color)` | Sets the knob color\n`mdc-switch-focus-indicator-color($color)` | Sets the focus indicator color\n","license":"Apache-2.0","_npmUser":{"name":"bonniez","email":"bonniez@google.com"},"homepage":"https://github.com/material-components/material-components-web#readme","keywords":["material components","material design","switch"],"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.6.0","description":"The Material Components for the web switch component","directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"lynnjepsen+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_nodeVersion":"8.7.0","dependencies":{"@material/theme":"^0.35.0","@material/animation":"^0.34.0","@material/elevation":"^0.35.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/switch_0.35.0_1524523250147_0.7765806697957345","host":"s3://npm-registry-packages"},"_id":"@material/switch@0.35.0","version":"0.35.0"}